<!DOCTYPE html>
<html>
<head>
	    <?=$var['base_modificada']?>
		<title>Mis propuestas</title> 
		<meta charset="utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes"/>
	    <meta name="viewport" content = "user-scalable=no, width=device-width"/>
		
		<!-- ESTILOS --->
		<link rel="shortcut icon" href="Cliente/Imagenes/favicon.ico"> 
        <link rel="stylesheet" href="Cliente/Estilo/bootstrap.css">        <!--+--->
        <link rel="stylesheet" href="Cliente/Estilo/font-awesome.css">         <!--iconos--->
        <link rel="stylesheet" href="Cliente/Estilo/template.css">     <!--+--->
	    <link rel="stylesheet" href="Cliente/Estilo/login.css">
		<link rel="stylesheet" href="Cliente/Estilo/estructura.css">
		<link rel="stylesheet" href="Cliente/Estilo/producto.css">
		<link rel="stylesheet" href="Cliente/Estilo/pestañasPropuestas.css">
		
		<!-- LIBRERIAS -->		
		<script type="text/javascript" src="Cliente/Scripts/Librerias/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="Cliente/Scripts/Librerias/dataTables/jquery.dataTables.min.js"></script>
		<script src="Cliente/Scripts/Librerias/bootstrap.js"></script>
		<script src="Cliente/Scripts/Librerias/dataTables/dataTables.bootstrap.js"></script>		
	
		
		<!-- SCRIPTS -->				
		<script type="text/javascript" src="Cliente/Scripts/misPropuestas.js"></script>
		
</head>
	<body>
	<? include $APP->header;?>
		<div class="todo">
			<div class="container text-center">
				<a href="inicio" class="volver"><i class="fa fa-arrow-left"></i> Volver</a>
				
				<div class="heading-section col-md-12 text-center">
					<i class="fa fa-flag"></i><br>
					<h2>Mis propuestas</h2>  
				</div>
				
			 <div id="container">
			  <!--Pestaña 1 activa por defecto-->
			  <input id="tab-1" type="radio" name="tab-group" checked="checked" />
			  <label for="tab-1"><i class="fa fa-share-square fa-flip-horizontal" ></i> Mis propuestas recibidas</label>
			  <!--Pestaña 2 inactiva por defecto-->
			  <input id="tab-2" type="radio" name="tab-group" />
			  <label for="tab-2"><i class="fa fa-share-square"></i> Mis propuestas enviadas </label>
			  
			  
			  <!--Contenido a mostrar/ocultar-->
			  <div id="content">
			   <!--Contenido de la Pestaña 1-->
			   <div id="content-1">
				<table id="grillaRecibidas" class="table table-striped table-bordered" cellspacing="0" width="100%">
					<thead>						
						<tr>	
							<th>Lista productos/servicios</th>
							<th>Usuario demandante</th>							
							<th>Acciones</th>
						</tr>
					</thead>			 		 
					<tbody>
						<?=$var['registros_tabla']?>
					</tbody>
				</table>	
			   </div>
			   <!--Contenido de la Pestaña 2-->
			   <div id="content-2">
				<table id="grillaEnviadas" class="table table-striped table-bordered" cellspacing="0" width="100%">
					<thead>						
						<tr>			
							<th>Lista productos/servicios</th>
							<th>Usuario ofertante</th>					
							<th>Acciones</th>
						</tr>
					</thead>			 		 
					<tbody>
						<?=$var['registros_tabla2']?>
					</tbody>
				</table>	
			   </div>
			   
			  </div>
			 </div>
				
			</div>			
		</div>
	<? include $APP->footer;?>
	</body>
</html>